/* 手机适配样式 */
/**
 *  iPhone 5/5s landscape & portrait
 */
 @media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-min-device-pixel-ratio: 2) 
 and (orientation : portrait){
    .bj_one .one_text{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .bj_one .one_text p{
         font-size: 12px;
     }
     .bj_one .one_text p:nth-child(2){
         font-size: 10px;
     }
     .bj_one .one_tit{
        width: 280px;
        height: 100%;
        position: relative;
        left: 50%;
        margin-left: -140px;
     }
     .bj_one .one_tit img{
         width: 100%;
         height: 100%;
     }
     .one_best{
        width: 300px;
        flex-direction: row;
        margin-left: -150px;
        flex-wrap: wrap;
     }
     .one_best .best{
         width: 80px;
         height: auto;
         text-align: center;
     }
     .one_best .best span{
         width: 80px;
         position: relative;
         font-size: 9px;
         width: 100%;
         position: relative;
         left: 50%;
         margin-left: -40px;
     }
     .bj_one .one_bu .bou{
         width: 200px;
         height: 60px;
         font-size: 17px;
         background: url(../images/bou/li2.png) -374px -10px;
        text-align: center;
        line-height: 70px;
        line-height: 50px;
     }
     .bj_one .tit{
         margin-top: 30px;
     }
     .bj_one .refresh{
         font-size: 16px;
     }
     .text_p p{
         margin-top: 10px;
         font-size: 14px;
     }
     .cq{
         width: 300px;
         height: auto;
         position: relative;
         left: 50%;
         margin-left: -150px;
     }
     .cq .xm{
         margin-left: 10px;
         margin-right: 10px;
     }
     .tail .tail_tit{
         padding-top: 10px;
     }
     .tail .tail_tit img{
         width: 50%;
         height: auto;
     }
     .tail .tail_ul{
        width: 260px;
        margin-left: -120px;
     }
     .tck p:nth-child(1){
        margin-top: 10px;
    }
    .cq .xm .tck{
        width: 185px;
        height: 100px;
        background-size: 185px 100px;
    }
    .cq .xm:nth-child(1) .tck{
        top: -39px;
        left: -8px;
    }
    .cq .xm:nth-child(2) .tck{
        top: -39px;
        left: 122px;
    }
    .cq .xm:nth-child(3) .tck{
        top: 235px;
        left: -10px;
    }
    .cq .xm:nth-child(4) .tck{
        top: 235px;
        left: 122px;
    }
    .cq .xm:nth-child(5) .tck{
        top: 507px;
        left: -10px;
    }
    .cq .xm:nth-child(6) .tck{
        top: 507px;
        left: 122px;
    }
 }
 /* iPhone 6 and iPhone 6+ portrait and landscape */
 @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
    .bj_one .one_tit{
        width: 280px;
        height: 100%;
        position: relative;
        left: 50%;
        margin-left: -140px;
     }
     .bj_one .one_tit img{
         width: 100%;
         height: 100%;
     }
 }
 /* iPhone 6+ landscape , iPhone 6+ plus*/
 @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 
    .bj_one .one_tit{
        width: 280px;
        height: 100%;
     }
     .bj_one .one_tit img{
         width: 100%;
         height: 100%;
     }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 710px) and (orientation : portrait) { 
    .bj_one .one_tit{
        width: 280px;
        height: 100%;
        position: relative;
        left: 50%;
        margin-left: -140px;
     }
     .bj_one .one_tit img{
         width: 100%;
         height: 100%;
     }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 823px) and (orientation : portrait) { 
    .bj_one .one_tit{
        /* width: 100%;
        height: 100%; */
        
     }
     .bj_one .one_tit img{
         /* width: 100%;
         height: 100%;
         margin-left: 76px; */
     }
}